import React, { Component } from "react";
import HomeHeader from "./HomeHeader/HomeHeader.jsx";
import Swiper from "../../components/Swiper/Swiper";

import banner1 from "../../static/images/banner1.png";
import banner2 from "../../static/images/banner2.png";
import banner3 from "../../static/images/banner3.png";

import HomeHot from "./HomeHot/HomeHot.jsx";
import { connect } from "react-redux";
class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <div>
        <HomeHeader city={this.props.city} />
        <Swiper banners={[banner1, banner2, banner3, banner1]} />
        <HomeHot />
      </div>
    );
  }
}
function mapStateToProps(state, props) {
  return {
    ...state,
  };
}
export default connect(mapStateToProps)(Home);
